<template>
    <div>
        <Spin size="large" fix :style="{zIndex: '1000'}" v-if="visible">
            <Icon type="ios-loading" size=25 class="spin-icon-load"></Icon>
            <div>{{info}}···</div>
        </Spin>
    </div>
</template>
<script>
    export default {
        name: 'loading',
        data: function () {
        	return {
                info: '加载数据中···',
                visible: false
            }
        }
    }
</script>
<style scoped>
.spin-icon-load{
    animation: ani-demo-spin 1s linear infinite;
}
</style>